/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

function tabview_aux(TabViewId, id)
{
    var TabView = document.getElementById(TabViewId);

    var Tabs = TabView.firstChild;
    while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;

    var Tab = Tabs.firstChild;
    var i   = 0;

    do
    {
        if (Tab.tagName == "A")
        {
            i++;
            Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
            Tab.className = (i == id) ? "Active" : "";
            Tab.blur();
        }
    }
    while (Tab = Tab.nextSibling);

    var Pages = TabView.firstChild;
    while (Pages.className != 'Pages') Pages = Pages.nextSibling;

    var Page = Pages.firstChild;
    var i    = 0;

    do
    {
        if (Page.className == 'Page')
        {
            i++;
            if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
            Page.style.overflow = "auto";
            Page.style.display  = (i == id) ? 'block' : 'none';
        }
    }
    while (Page = Page.nextSibling);
}

function tabview_switch(TabViewId, id) {
    tabview_aux(TabViewId, id);
}

function tabview_initialize(TabViewId) {
    tabview_aux(TabViewId,  1);
}
